<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Password Generator</title>
	<meta name="description" content="Password generator - mainly for Keir">
	<meta name="author" content="Keir Kettle">
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
	<link href='http://fonts.googleapis.com/css?family=Leckerli+One' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="assets/css/bootstrap.css" />
	<!-- <link rel="stylesheet" href="assets/css/bootstrap-responsive.css" /> -->
    <link rel="stylesheet" href="assets/css/base.css" />
</head>
<body>
<div class="navbar navbar-fixed-top">
	<div class="navbar-inner">
		<div class="container">
			<a class="brand" href="#">Password Generator</a>
			<div class="nav-collapse">
			<!--<ul class="nav">
					<li class="active"><a href="#">Home</a></li>
				</ul> -->
			</div>
		</div>
	</div>
</div>
<div class="container" style="margin-top:60px">
	<div class="row">
		<form class="well form-search">
			<input type="password" id="pass" placeholder="Master password" />
			<input type="text" id="dom" placeholder="http://example.com" />
			<button id="generate" class="btn btn-primary" type="submit" data-loading-text="busy..."><i class="icon-fire icon-white"></i> Generate Password!</button>
			<div id="result" class="alert alert-success hide" style="margin-top:10px;">
			</div>
		</form>
	</div>

 	<div class="row">
	    <div class="progress progress-info progress-striped active hide">
	    	<div class="bar" style="width: 0%;"></div>
	    </div>
	</div>
<footer class="footer row">
	<p>Made by Keir Kettle (v2.0) (<a href="http://demos.bango.net/keir/passgen/password.htm">v1.0</a>)</p>
</footer>	
</div>

<script type="text/javascript" src="assets/js/init.js"></script>
</body>
</html>	